<ion-view view-title="{{title}}">
    <ion-content>
        <ion-refresher
                pulling-text="下拉刷新..."
                on-refresh="doRefresh()"></ion-refresher>
        <ion-list>
            <ion-item ng-repeat="item in list" ng-click="openUrl(item);"
                      class="item-thumbnail-right item-text-wrap">
                <img ng-src="{{item.thumbnail}}">

                <h2 class="title">{{item.title}}</h2>

                <p class="content">{{item.content}}</p>
                </div>

                <p class="item" ng-if="noData">
                    没有了...
                </p>
            </ion-item>
        </ion-list>
        <ion-infinite-scroll ng-if="!noData" on-infinite="loadMore()"
                             distance="1%"></ion-infinite-scroll>
    </ion-content>
</ion-view>

<script id="modal.html" type="text/ng-template">
    <div class="modal">
        <ion-header-bar class="bar bar-header">
            <h1 class="title">{{subTitle}}</i></h1>
            <button class="button button-clear" ng-click="modal.hide()"><i class="icon ion-ios-close-empty"></i>
            </button>
        </ion-header-bar>

        <ion-content scroll="true" overflow-scroll="true">
            <iframe ng-src="{{url}}" onload="iframeLoaded();" frameborder="0"
                    style="min-height:100%;width:100%"></iframe>
        </ion-content>
    </div>
</script>
